<template>
  <div>
    <span>
      <h1>子路由示例</h1>
    </span>
    <hr />Tab：
    <button @click="$router.push({name:'tabchild1'})">TabChild1</button>
    <button @click="$router.push('/tab/tabchild2')">TabChild2</button>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "Tab",
  mounted() {
    console.log("Tab mounted");
  }
};
</script>

<style>
</style>